<nz-layout class="app-layout">
  <nz-sider
    class="menu-sidebar"
    nzCollapsible
    nzWidth="256px"
    nzBreakpoint="md"
    [(nzCollapsed)]="isCollapsed"
    [nzTrigger]="null"
  >
    <div class="sidebar-logo">
      <a href="https://ng.ant.design/" target="_blank">
        <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo" />
        <h1>Ant Design Of Angular</h1>
      </a>
    </div>
    <ul
      nz-menu
      nzTheme="dark"
      nzMode="inline"
      [nzInlineCollapsed]="isCollapsed"
    >
      <li nz-submenu nzTitle="通用" nzIcon="dashboard">
        <ul>
          <li nz-submenu nzTitle="按钮">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-basic">按钮类型</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-icon">图标按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-size">按钮尺寸</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-disabled">不可用状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-loading">加载中状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-multiple">多个按钮组合</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-button-group">按钮组合</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-ghost">幽灵按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-block">Block 按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/button-danger">危险按钮</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="图标">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/icon-basic">基本使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/icon-twotone">多色图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/icon-custom">自定义图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/icon-iconfont">使用 Iconfont.cn</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/icon-namespace">命名空间</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="排版">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-title">标题组件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-interactive">可交互</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-text">文本组件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-ellipsis">省略号</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/typography-suffix">后缀</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="布局" nzIcon="layout">
        <ul>
          <li nz-submenu nzTitle="分割线">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/divider-horizontal">水平分割线</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/divider-orientation">标题位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/divider-vertical">垂直分割线</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/divider-plain">分割文字使用正文样式</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="栅格">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-basic">基础栅格</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-gutter">区块间隔</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-offset">左右偏移</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-sort">栅格排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-flex">排版</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-flex-align">对齐</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-flex-order">排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-flex-stretch">Flex 填充</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-responsive">响应式布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-responsive-more">其他属性的响应式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/grid-playground">栅格配置器</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="布局">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-basic">基本结构</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-top">上中下布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-top-side-2">顶部-侧边布局-通栏</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-top-side">顶部-侧边布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-side">侧边布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-custom-trigger">自定义触发器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-responsive">响应式布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-fixed">固定头部</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/layout-fixed-sider">固定侧边栏</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="间距">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-vertical">垂直间距</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-size">间距大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-align">对齐</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-customize">自定义尺寸</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/space-split">分隔符</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="导航" nzIcon="book">
        <ul>
          <li nz-submenu nzTitle="固钉">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/affix-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/affix-on-change">固定状态改变的回调</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/affix-target">滚动容器</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="面包屑">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-with-icon">带有图标的</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-router">路由</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-auto">自动生成</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-separator">分隔符</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-dropdown">带下拉菜单的面包屑</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/breadcrumb-separator-independent"
                  >独立的分隔符</a
                >
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="下拉菜单">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-placement">弹出位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-item">其他元素</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-trigger">触发方式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-event">触发事件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-dropdown-button">带下拉框的按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-sub-menu">多级菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-overlay-visible">菜单隐藏方式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/dropdown-context-menu">右键菜单</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="导航菜单">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-horizontal">顶部导航</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-horizontal-position">弹出位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-inline">内嵌菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-inline-collapsed">缩起内嵌菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-sider-current">只展开当前父级菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-vertical">垂直菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-theme">主题</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-switch-mode">切换菜单类型</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-router">配合路由使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/menu-recursive">递归生成菜单</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="页头">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-basic">标准样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-ghost">白底模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-breadcrumb">带面包屑页头</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-content">组合示例</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-actions">多种形态的 PageHeader</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/page-header-responsive">响应式</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="分页">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-more">更多</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-changer">改变</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-jump">跳转</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-mini">迷你</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-simple">简洁</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-controlled">页码</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-total">总数</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/pagination-item-render">上一步和下一步</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="步骤条">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-simple">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-small-size">迷你版</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-start-index">起始序号</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-icon">带图标的步骤条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-step-next">步骤切换</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-vertical">竖直方向的步骤条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-vertical-small">竖直方向的小型步骤条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-error">步骤运行错误</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-progress-dot">点状步骤条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-customized-progress-dot"
                  >自定义点状步骤条</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-clickable">可点击</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-nav">导航步骤</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/steps-progress">带有进度的步骤</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="数据录入" nzIcon="form">
        <ul>
          <li nz-submenu nzTitle="自动完成">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-basic">基本使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-object-value">使用对象类型选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-options">自定义选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-custom">自定义输入组件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-non-case-sensitive"
                  >不区分大小写</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-certain-category"
                  >查询模式 - 确定类目</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-uncertain-category"
                  >查询模式 - 不确定类目</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/auto-complete-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="级联选择">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-default-value">默认值</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-trigger">可以自定义显示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-hover">移入展开</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-disabled">禁用选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-change-on-select">选择即改变</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-size">大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-custom-render">自定义已选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-reactive-form">响应表单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-lazy">动态加载选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-change-on-function">指定选择</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-modal">模态窗口</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-search">搜索</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-trigger-action">鼠标移入触发</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-default-value-and-lazyload"
                  >默认值与延迟加载</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-default-value-and-asyn-options"
                  >默认值与异步列表</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-custom-field-names">自定义字段名</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-custom-template">自定义选择项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/cascader-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="多选框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-disabled">不可用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-controller">受控的 Checkbox</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-group">Checkbox 组</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-check-all">全选</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/checkbox-layout">布局</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="颜色选择器">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-size">触发器尺寸大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-show-text">显示颜色文本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-disable">禁用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-clear">清除颜色</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-trigger">自定义触发事件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-format">颜色编码</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-block">色彩块</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-flip-flop">自定义触发器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/color-picker-use">结合表单使用</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="日期选择框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-range-picker">范围选择器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-switch">切换不同的选择器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-format">日期格式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-time">日期时间选择</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-disabled">禁用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-disabled-date"
                  >不可选择日期和时间</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-start-end">自定义日期范围选择</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-presetted-ranges">预设范围</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-extra-footer">额外的页脚</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-date-render">定制日期单元格</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-bordered">无边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-inline">内联模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-status">自定义状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-placement">自定义位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/date-picker-week-number">显示周数</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="表单">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-horizontal-login">内联登录栏</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-normal-login">登录框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-register">注册新用户</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-advanced-search">高级搜索</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-dynamic-form-item">动态增减表单项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-time-related-controls">时间类控件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-validate-reactive">响应式表单验证</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-validate-template">模板驱动表单验证</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-auto-tips">自动提示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-validate-static">手动指定表单状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-coordinated">表单联动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-layout">表单布局</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-dynamic-rule">动态校验规则</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-label-wrap">表单标签可换行</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/form-label-align">表单标签文本对齐方式</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="输入框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-basic">基本使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-addon">前置/后置标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-group">输入框组合</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-search-input">搜索框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-textarea">文本域</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-autosize-textarea"
                  >适应文本高度的文本域</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-tooltip">输入时格式化展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-presuffix">前缀和后缀</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-password-input">密码框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-allow-clear">带移除图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-borderless">无边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-textarea-with-character-count"
                  >带数字提示的文本域</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="数字输入框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-borderless">无边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-disabled">不可用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-digit">小数</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-formatter">格式化展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-precision">精度</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-status">自定义状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-addon">前置/后置标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-prefix">前缀</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/input-number-group">输入框组合</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="提及">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-basic">基本使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-async">异步加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-form">配合 Form 使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-prefix">自定义触发字符</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-readonly">无效或只读</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-placement">向上展开</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-avatar">头像</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-custom-tag">自定义建议</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-multilines">多行</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-preview">预览</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/mention-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="单选框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-disable">不可用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-radiogroup">单选组合</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-radiogroup-more">RadioGroup 垂直</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-radiogroup-options"
                  >RadioGroup 组合 - 配置方式</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-radiobutton">按钮样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-radiogroup-with-name"
                  >单选组合 - 配合 name 使用</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-size">大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/radio-solid">填底的按钮样式</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="评分">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-half">半星</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-text">文案展现</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-disabled">只读</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-clear">清除</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-character">其他字符</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/rate-customize">自定义字符</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="选择器">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-basic">基本使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-search">带搜索框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-multiple">多选</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-tags">标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-optgroup">分组</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-coordinate">联动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-search-box">搜索框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-label-in-value">获得选项的对象</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-automatic-tokenization">自动分词</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-select-users">搜索用户</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-custom-dropdown-menu">扩展菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-hide-selected">隐藏已选择选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-custom-content">自定义下拉菜单内容</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-scroll-load">下拉加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-default-value">默认数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-big-data">大量数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-border-less">无边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-custom-template">自定义选择标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-options">传入 Options</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-status">自定义状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/select-placement">弹出位置</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="滑动输入条">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-input-number">带输入框的滑块</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-icon-slider">带 icon 的滑块</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-tip-formatter">自定义提示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-event">事件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-mark">带标签的滑块</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-vertical">垂直</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-tooltip">控制 Tooltip 的显示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/slider-reverse">反向</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="开关">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-disabled">不可用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-text">文字和图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-size">两种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-loading">加载中</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/switch-control">完整控制</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="时间选择框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-value">数据绑定</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-disabled">禁用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-hide-column">选择时分</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-interval-options">步长选项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-addon">附加内容</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-disabled-part">禁用部分</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-use12-hours">12小时制</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-status">自定义状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/time-picker-bordered">无边框</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="穿梭框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-search">带搜索框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-advanced">高级用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-custom-item">自定义渲染行数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-table-transfer">表格穿梭框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-tree-transfer">树穿梭框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/transfer-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="树选择">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-multiple">多选</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-async">异步数据加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-checkable">可勾选</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-virtual-scroll">虚拟滚动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-placement">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-select-status">自定义状态</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="上传">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-basic">点击上传</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-avatar">用户头像</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-default-file-list">已上传的文件列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-picture-card">照片墙</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-file-list">完全控制的上传列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-drag">拖拽上传</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-directory">文件夹上传</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-upload-manually">手动上传</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-picture-style">图片列表样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-preview-file">自定义预览</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-transform-file">上传前转换文件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/upload-upload-with-aliyun-oss">阿里云 OSS</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="数据展示" nzOpen nzIcon="dashboard">
        <ul>
          <li nz-submenu nzTitle="头像">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/avatar-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/avatar-type">类型</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/avatar-dynamic">自动调整字符大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/avatar-badge">带徽标的头像</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/avatar-group">头像组</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="徽标数">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-no-wrapper">独立使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-overflow">封顶数字</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-dot">讨嫌的小红点</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-link">可点击</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-change">动态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-offset">自定义位置偏移</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-status">状态点</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-size">大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-colorful">多彩徽标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/badge-ribbon">缎带</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="日历">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/calendar-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/calendar-notice-calendar">通知事项日历</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/calendar-card">卡片模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/calendar-select">选择功能</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="卡片">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-basic">典型卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-border-less">无边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-simple">简洁卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-flexible-content">更灵活的内容展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-in-column">栅格卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-loading">预加载的卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-grid-card">网格型内嵌卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-inner">内部卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-tabs">带页签的卡片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/card-meta">支持更多内容配置</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="走马灯">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-position">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-fade">渐显</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-autoplay">自动切换</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-custom">自定义切换效果</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/carousel-loop">循环</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="折叠面板">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-basic">折叠面板</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-accordion">手风琴</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-mix">面板嵌套</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-borderless">简洁风格</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-custom">自定义面板</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-noarrow">隐藏箭头</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-extra">额外节点</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/collapse-ghost">幽灵折叠面板</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="评论">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/comment-basic">基本评论</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/comment-list">配合列表组件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/comment-nested">嵌套评论</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/comment-editor">回复框</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="描述列表">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-border">带边框的</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-custom-size">自定义尺寸</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-responsive">响应式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-vertical">垂直</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/descriptions-vertical-border">垂直边框</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="空状态">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/empty-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/empty-simple">选择图片</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/empty-customize">自定义</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/empty-config">全局化配置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/empty-description">无描述</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="图片">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-fallback">容错处理</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-placeholder">渐进加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-preview-group">多张图片预览</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-service">服务方式创建预览层</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/image-controlled-preview">受控的预览</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="列表">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-simple">简单列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-basic">基础列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-loadmore">加载更多</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-vertical">竖排列表样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-grid">栅格列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-resposive">响应式的栅格列表</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/list-infinite-load">滚动加载无限长列表</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="气泡卡片">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-placement">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-control">从浮层内关闭</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-arrow-point-at-center">箭头指向</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-template">模板渲染</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popover-trigger-type">三种触发方式</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="二维码">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-icon">带 icon 的例子</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-status">不同的状态</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-padding">带衬垫</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-color">自定义颜色</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-background">具有自定义背景颜色</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-error-level">容错等级</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/qr-code-download">下载二维码</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="分段控制器">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-disabled">不可用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-dynamic">动态数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-icon">设置图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-value">ngModel</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-custom">自定义渲染</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-size">三种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/segmented-block">Block 分段选择器</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="统计">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/statistic-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/statistic-unit">单位</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/statistic-card">在卡片中使用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/statistic-countdown">倒计时</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="表格">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-row-selection-and-operation"
                  >选择和操作</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-row-selection-custom">自定义选择项</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-sort-filter">筛选和排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-multiple-sorter">多列排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-reset-filter">可控的筛选和排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-custom-filter-panel">自定义筛选菜单</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-ajax">远程加载数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-size">紧凑型</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-bordered">带边框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-expand">可展开</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-expand-icon">自定义展开 icon</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-colspan-rowspan">表格行/列合并</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-expand-children">树形数据展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-fixed-header">固定表头</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-fixed-columns">固定列</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-fixed-columns-header">固定头和列</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-grouping-columns">表头分组</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-edit-cell">可编辑单元格</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-edit-row">可编辑行</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-nested-table">嵌套子表格</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-virtual">虚拟滚动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-drag-sorting">拖拽排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-template">模板用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-break-word">折行显示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-ellipsis">单元格自动省略</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-dynamic-settings">动态控制表格属性</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/table-custom-column">自定义列</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="标签页">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-disabled">禁用</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-centered">居中</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-icon">图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-slide">滑动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-extra">附加内容</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-size">大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-position">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-card">卡片式页签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-editable-card">新增和关闭页签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-card-top">卡片式页签容器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-custom-add-trigger"
                  >自定义新增页签触发器</a
                >
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-lazy">懒加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-link-router">路由联动</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tabs-guard">标签守卫</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzOpen nzTitle="标签">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-colorful">多彩标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-control">动态添加和删除</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-checkable">可选择</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-hot-tags">热门标签</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-icon">图标按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tag-status">预设状态的标签</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="时间轴">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-color">圆圈颜色</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-pending">最后一个及排序</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-alternate">交替展现</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-custom">自定义时间轴点</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-right">右侧时间轴点</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-position">自定义位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/timeline-label">标签</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="文字提示">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-placement">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-arrow-point-at-center">箭头指向</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-template">模板渲染</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-origin">指定目标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tooltip-color">多彩文字提示</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="树形控件">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-basic-controlled">受控操作示例</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-draggable">拖动示例</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-draggable-confirm">拖动示例-二次校验</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-dynamic">异步数据加载</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-search">可搜索</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-line">连接线</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-customized-icon">自定义图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-directory">目录</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-virtual-scroll">虚拟滚动</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="树视图">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-checkbox">选择框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-directory">目录</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-dynamic">异步加载数据</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-line">带连接线的树</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-editable">可编辑</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-search">搜索</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/tree-view-virtual-scroll">虚拟滚动</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="反馈" nzIcon="alert">
        <ul>
          <li nz-submenu nzTitle="警告提示">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-style">四种样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-closable">可关闭的警告提示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-description">含有辅助性文字介绍</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-icon">图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-close-text">自定义关闭</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-banner">顶部公告</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-action">操作</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/alert-custom-icon">自定义图标</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="抽屉">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-basic-right">基础抽屉</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-placement">自定义位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-from-drawer">对象编辑</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-user-profile">信息预览抽屉</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-multi-level-drawer">多层抽屉</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-service">服务方式创建</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/drawer-size">预设宽度</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="全局提示">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/message-info">普通提示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/message-other">其他提示类型</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/message-duration">修改延时</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/message-loading">加载中</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/message-close">结束事件</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="对话框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-async">异步关闭</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-footer">自定义组成部分</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-footer2">自定义页脚</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-confirm">确认对话框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-confirm-promise">确认对话框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-info">信息提示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-locale">国际化</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-manual">手动移除</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-position">自定义位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/modal-service">服务方式创建</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="通知提醒框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-duration">自动关闭的延时</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-with-icon">带有图标的通知提醒框</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-with-btn">自定义按钮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-custom-icon">自定义图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-placement">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-custom-style">自定义样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-update">更新消息内容</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/notification-template">使用模板</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="气泡确认框">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-locale">国际化</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-placement">位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-dynamic-trigger">条件触发</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-custom-icon">自定义 icon 图标</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-hide-arrow">隐藏箭头</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-async">异步关闭</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/popconfirm-promise">基于 Promise 的异步关闭</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="进度条">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-line">进度条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-circle">进度圈</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-line-mini">小型进度条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-circle-mini">小型进度圈</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-circle-dynamic">进度圈动态展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-dynamic">动态展示</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-format">自定义文字格式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-dashboard">仪表盘</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-segment">分段进度条</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-round">圆角/方角边缘</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-gradient">自定义进度条渐变色</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/progress-step">步骤进度条</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="结果">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-success">Success</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-info">Info</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-warning">Warning</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-fot">403</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-fof">404</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-foo">500</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-error">Error</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/result-custom">自定义 icon</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="骨架屏">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-complex">复杂的组合</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-active">动画效果</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-element">按钮/头像/输入框/图像</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-children">包含子组件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/skeleton-list">列表样例</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="加载中">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-basic">基本用法</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-size">各种大小</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-inside">容器</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-nested">卡片加载中</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-tip">自定义描述文案</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-delay-and-debounce">延迟</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/spin-custom-indicator">自定义指示符</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="其他" nzIcon="dashboard">
        <ul>
          <li nz-submenu nzTitle="锚点">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-static">静态位置</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-on-click">自定义 onClick 事件</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-customize-highlight">自定义锚点高亮</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-target-offset">设置锚点滚动偏移量</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/anchor-on-change">监听锚点链接改变</a>
              </li>
            </ul>
          </li>
          <li nz-submenu nzTitle="回到顶部">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/back-top-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/back-top-custom">自定义样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/back-top-target">滚动容器</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="特色组件" nzIcon="dashboard">
        <ul>
          <li nz-submenu nzTitle="哈希码">
            <ul>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-basic">基本</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-copy">复制</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-primary">更换样式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-single">单行模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-strip">长条模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-rect">矩形模式</a>
              </li>
              <li nz-menu-item nzMatchRouter>
                <a routerLink="/hash-code-logo">添加 Logo</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
          <span
            class="trigger"
            nz-icon
            [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
          ></span>
        </span>
      </div>
    </nz-header>
    <nz-content>
      <div class="inner-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>
